﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" x:Class="QueueLoad.controls.Loading" 
    Width="30" Height="30" mc:Ignorable="d">
	
    <Grid x:Name="LayoutRoot" Background="White">
		<Grid.Triggers>
			<EventTrigger RoutedEvent="Grid.Loaded">
				<BeginStoryboard>
					<Storyboard x:Name="sb" RepeatBehavior="Forever">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="eRotate" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="360"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
				</BeginStoryboard>
			</EventTrigger>
		</Grid.Triggers>
    	<Ellipse x:Name="eOuter" Stroke="Black" StrokeThickness="0" Width="30" Height="30">
    		<Ellipse.Effect>
    			<DropShadowEffect ShadowDepth="1" Opacity="0.6" BlurRadius="2"/>
    		</Ellipse.Effect>
    		<Ellipse.Fill>
    			<RadialGradientBrush>
    				<GradientStop Color="#FF22D4A1"/>
    				<GradientStop Color="#FF148664" Offset="0.39"/>
    				<GradientStop Color="#FF22D4A1" Offset="0.863"/>
    			</RadialGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
    	<Ellipse x:Name="eRotate" Stroke="Black" StrokeThickness="0" Height="30" Width="30" RenderTransformOrigin="0.5,0.5">
    		<Ellipse.RenderTransform>
    			<TransformGroup>
    				<ScaleTransform/>
    				<SkewTransform/>
    				<RotateTransform/>
    				<TranslateTransform/>
    			</TransformGroup>
    		</Ellipse.RenderTransform>
    		<Ellipse.Fill>
    			<RadialGradientBrush GradientOrigin="-0.006,0.956" RadiusX="0.512" RadiusY="0.512">
    				<GradientStop Color="White" Offset="0.117"/>
    				<GradientStop Color="#0022D4A1" Offset="1"/>
    			</RadialGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
		
		<Ellipse x:Name="eInner" Height="17" Width="17" StrokeThickness="0" Fill="White"/>
    </Grid>
</UserControl>
